<template>
	<view class="service-detail">
		<view class="box">
			<view class="title-name">{{ serviceData.title }}</view>
			<view class="content">
				1、网络预订
				<br />
				1、网络预订
				<br />
				1、网络预订
				<br />
				1、网络预订
				<br />
			</view>
			<view class="resolve">
				<tm-divider text="以上方案是否解决了您的问题?"></tm-divider>
				<view class="yes-or-no">
					<view class="left">有用</view>
					<view class="right">没用</view>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="text1">没有解决您的问题?</view>
			<view class="link-service">【联系客服】</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			serviceData: {
				title: '取消预定',
				data: 'dsadsadsadsadsadsadsa'
			}
		};
	},
	onLoad: function(option) {
		console.log(option.id); //打印出上个页面传递的参数。
		console.log(111111111111);
	},

	methods: {}
};
</script>

<style lang="scss" scoped>
.service-detail {
	.box {
		width: 100%;
		background-color: #ffffff;
		.title-name {
			display: flex;
			justify-content: center;
		}
	}
	.resolve {
		.yes-or-no {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 70rpx;
			width: 100%;
			.left {
				width: 50%;
				margin: 0 auto;
				border-right: 1px solid #9e9e9e;
			}
			.right {
				width: 50%;
				margin: 0 auto;
			}
		}
	}
	.bottom {
		padding-top: 20rpx;
		display: flex;
		justify-content: center;
		font-size: 20rpx;
		.link-service {
			color: orange;
		}
	}
}
</style>
